<!DOCTYPE html>
<!--[if IE 9]>         <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!-->
<html class="no-js" lang="en">
	<!--<![endif]-->

	<head>
		<meta charset="utf-8">

		<title>人员更改</title>

		<meta name="description" content="AppUI is a Web App Bootstrap Admin Template created by pixelcave and published on Themeforest">
		<meta name="author" content="pixelcave">
		<meta name="robots" content="noindex, nofollow">

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Icons -->
		<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
		<link rel="shortcut icon" href="img/favicon.png">
		<link rel="apple-touch-icon" href="img/icon57.png" sizes="57x57">
		<link rel="apple-touch-icon" href="img/icon72.png" sizes="72x72">
		<link rel="apple-touch-icon" href="img/icon76.png" sizes="76x76">
		<link rel="apple-touch-icon" href="img/icon114.png" sizes="114x114">
		<link rel="apple-touch-icon" href="img/icon120.png" sizes="120x120">
		<link rel="apple-touch-icon" href="img/icon144.png" sizes="144x144">
		<link rel="apple-touch-icon" href="img/icon152.png" sizes="152x152">
		<link rel="apple-touch-icon" href="img/icon180.png" sizes="180x180">
		<!-- END Icons -->

		<!-- Stylesheets -->
		<!-- Bootstrap is included in its original form, unaltered -->
		<link rel="stylesheet" href="css/bootstrap.min.css">

		<!-- Related styles of various icon packs and plugins -->
		<link rel="stylesheet" href="css/plugins.css">

		<!-- The main stylesheet of this template. All Bootstrap overwrites are defined in here -->
		<link rel="stylesheet" href="css/main.css">
		<link rel="stylesheet" href="css/laypage.css" />
		<link rel="stylesheet" href="css/page.css" />
		<!-- Include a specific file here from css/themes/ folder to alter the default theme of the template -->

		<!-- The themes stylesheet of this template (for using specific theme color in individual elements - must included last) -->
		<link rel="stylesheet" href="css/themes/amethyst.css">
		<!-- END Stylesheets -->

		<!-- Modernizr (browser feature detection library) -->
		<script src="js/vendor/modernizr-3.3.1.min.js"></script>
	</head>

	<body>
		<!-- Page Wrapper -->
		<!-- In the PHP version you can set the following options from inc/config file -->
		<!--
            Available classes:

            'page-loading'      enables page preloader
        -->
		<div id="page-wrapper" class="page-loading">
			<!-- Preloader -->
			<!-- Preloader functionality (initialized in js/app.js) - pageLoading() -->
			<!-- Used only if page preloader enabled from inc/config (PHP version) or the class 'page-loading' is added in #page-wrapper element (HTML version) -->
			<div class="preloader">
				<div class="inner">
					<!-- Animation spinner for all modern browsers -->
					<div class="preloader-spinner themed-background hidden-lt-ie10"></div>

					<!-- Text for IE9 -->
					<h3 class="text-primary visible-lt-ie10"><strong>Loading..</strong></h3>
				</div>
			</div>
			<!-- END Preloader -->

			<!-- Page Container -->
			<!-- In the PHP version you can set the following options from inc/config file -->
			<!--
                Available #page-container classes:

                'sidebar-light'                                 for a light main sidebar (You can add it along with any other class)

                'sidebar-visible-lg-mini'                       main sidebar condensed - Mini Navigation (> 991px)
                'sidebar-visible-lg-full'                       main sidebar full - Full Navigation (> 991px)

                'sidebar-alt-visible-lg'                        alternative sidebar visible by default (> 991px) (You can add it along with any other class)

                'header-fixed-top'                              has to be added only if the class 'navbar-fixed-top' was added on header.navbar
                'header-fixed-bottom'                           has to be added only if the class 'navbar-fixed-bottom' was added on header.navbar

                'fixed-width'                                   for a fixed width layout (can only be used with a static header/main sidebar layout)

                'enable-cookies'                                enables cookies for remembering active color theme when changed from the sidebar links (You can add it along with any other class)
            -->
			<div id="page-container" class="header-fixed-top">
				<!-- Main Container -->
				<div id="main-container">
					<!-- Header -->
					<!-- In the PHP version you can set the following options from inc/config file -->
					<!--
                        Available header.navbar classes:

                        'navbar-default'            for the default light header
                        'navbar-inverse'            for an alternative dark header

                        'navbar-fixed-top'          for a top fixed header (fixed main sidebar with scroll will be auto initialized, functionality can be found in js/app.js - handleSidebar())
                            'header-fixed-top'      has to be added on #page-container only if the class 'navbar-fixed-top' was added

                        'navbar-fixed-bottom'       for a bottom fixed header (fixed main sidebar with scroll will be auto initialized, functionality can be found in js/app.js - handleSidebar()))
                            'header-fixed-bottom'   has to be added on #page-container only if the class 'navbar-fixed-bottom' was added
                    -->
					<header class="navbar navbar-inverse navbar-fixed-top">
						<!-- Left Header Navigation -->
						<ul class="nav navbar-nav-custom">
							<!-- Header Link -->
							<li class="hidden-xs animation-fadeInQuick">
								<a href="survey.html"><strong><big>问道</big></strong></a>
							</li>
							<!-- END Header Link -->
						</ul>
						<!-- END Left Header Navigation -->

						<!-- Right Header Navigation -->
						<ul class="nav navbar-nav-custom pull-right">
							<!-- User Dropdown -->
							<li class="dropdown">
								<span> </span>
								<a  onclick="logout()" class="dropdown-toggle" data-toggle="dropdown">
									注销
								</a>
							</li>
								<!-- END User Dropdown -->
						</ul>
						<!-- END Right Header Navigation -->
					</header>
					<!-- END Header -->

					<!-- Page content -->
					<div id="page-content">
						<!-- Blank Header -->
						<div class="content-header">
							<div class="row">
								<div class="col-sm-6">
									<div class="header-section">
										<h1 style="display: inline;">补充人员</h1>
										<h5 style="display: inline;" id="survey-title"></h5>
									</div>
								</div>
							</div>
						</div>
						<!-- END Blank Header -->

						<div class="row">
							<div class="col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
								<div class="block full">
									<div class="block-title">
										<h2>完成情况</h2>
									</div>
									<div id="block-body"> 
									</div>
									<a href="#modal-import" data-toggle="modal" class="btn btn-primary">从人员系统添加人</a>
								</div>
								<!-- import Modal -->
								<div id="modal-import" class="modal" tabindex="-1" role="dialog" aria-hidden="true" style="margin:4% auto;">
									<div class="modal-dialog" >
										<div class="modal-content" style="width: 120%;">
											<div class="modal-header">
												导入
											</div>
											<div class="modal-body">
												<div class="table-responsive">
													<strong><big>选择补充的类别</big></strong>
													<div class="modal-body">
														 
														<select id="val-surveybinding" name="val-surveybinding" class="form-control"  ">
														<option value="">所有人员</option>
														<option value="opt2">类型1</option>
														<option value="opt3">类型2</option>
														</select>
													</div>
													<div style="margin-bottom: 20px;"></div><strong  ><big>选择补充的人员</big></strong></div>
													<input type="text" id="input-search-survey1" name="example-input1-group2" class="form-control" placeholder="搜   索" style="text-align: center;margin-bottom: 1%;width: 30%;float: right;margin-right:3%;">
										  
													<table id="import-datatable" class="table table-striped table-bordered table-vcenter table-hover" style="width: 94%;margin: 10px auto">
														<thead>
														<tr>
															<th class="text-center"></th>
															<th class="text-center">姓名</th>
															<th class="text-center">手机号</th>
															<th class="text-center">部门</th>
														</tr>
														</thead> 
														<tbody id="tab_list"  class="table table-bordered table-striped" style="text-align: center;"></tbody>
										 	 	 		 
													</table>
													<div id="layui" style="font-size: 2 rem;padding: 0 0 4% 0;margin: 3% auto;"></div>
												</div>
											</div>
											<div class="modal-footer" style="width: 120%;">
												<a  data-toggle="modal" type="button" onclick="importstudent()" class="btn btn-effect-ripple btn-primary">确定</a>
												<button type="button" class="btn btn-effect-ripple btn-danger" data-dismiss="modal">取消</button>
											</div>
										</div>
									</div>
								<!-- END import Modal -->
								</div>
								<!-- bind Modal -->
								
								<!-- END bind Modal -->
								<div class="col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1">
								<div class="block full">
									<div class="block-title">
										<h2><i class="fa fa-list-alt"></i>&nbsp;&nbsp;人员详情</h2>
									</div>
									<div class="block full">
										<form action="" class="form-horizontal">
											<div class="form-group">
												<div class="col-md-6 col-md-offset-2" style="margin-left: 22%;">
													<select id="val-surveybinding1" name="val-surveybinding" class="form-control">
														 
													</select>
												</div>
												<div class="col-md-2" style="width: auto;">
													<button class="btn btn-primary">确定</button>
												</div>
											</div>
										</form>
									</div>
									<div class="block full">
										<input type="text" id="input-search-survey" name="example-input1-group2" class="form-control" placeholder="搜   索" style="text-align: center;margin-bottom: 1%;width: 15%;float: right;">
										  
										  <table class="table table-bordered table-striped">
												<thead>
													<tr>
										 	 	 		<th style="height: 40%; font-size: 2rem;">编号</th>
										 	 	 		<th style="height: 40%;width: 10%;font-size: 2rem;">姓名</th>
										 	 	 		<th style="height: 40%;width:15%;font-size: 2rem;">手机号</th>
										 	 	 		<th style="height: 40%;width: 20%;font-size: 2rem;">类型</th>
										 	 	 		<th style="height: 40%;width:20%;font-size: 2rem;">提交时间</th>
										 	 	 		<th style="height: 40%;width: 15%;font-size: 2rem;">提交情况</th>
										 	 	 		<th style="height: 40%;width: 10%;font-size: 2rem;">操作</th>
										 	 	 		</tr>
												</thead>
												<tbody id="tab_list1"  class="table table-bordered table-striped"></tbody>
											<!-- delete Modal -->
											<div id="modal-delete" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
												<div class="modal-dialog">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
															<h3 class="modal-title"><strong>提示</strong></h3>
														</div>
														<div class="modal-body">
															是否删除..问卷？
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-effect-ripple btn-primary">确定</button>
															<button type="button" class="btn btn-effect-ripple btn-danger" data-dismiss="modal">取消</button>
														</div>
													</div>
												</div>
											</div>
											<!-- END delete Modal -->

											<!-- update Modal -->
											<div id="modal-update" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
												<div class="modal-dialog">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
															<h3 class="modal-title"><strong>提示</strong></h3>
														</div>
														<div class="modal-body">
															是否更新..问卷？
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-effect-ripple btn-primary">确定</button>
															<button type="button" class="btn btn-effect-ripple btn-danger" data-dismiss="modal">取消</button>
														</div>
													</div>
												</div>
											</div>
											<!-- END update Modal -->

											<!-- upload Modal -->
											<div id="modal-upload" class="modal" tabindex="-1" role="dialog" aria-hidden="true">
												<div class="modal-dialog">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
															<h3 class="modal-title"><strong>上传问卷</strong></h3>
														</div>
														<div class="modal-body">
															<form action="page_app_media.html" class="dropzone"></form>
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-effect-ripple btn-primary">确定</button>
															<button type="button" class="btn btn-effect-ripple btn-danger" data-dismiss="modal">取消</button>
														</div>
													</div>
												</div>
											</div>
											<!-- END upload Modal -->
											<!-- upload Modal -->
											<div id="modal-ques" class="modal" tabindex="-1" role="dialog" aria-hidden="true" style="margin: 15% 0 0 0;">
												<div class="modal-dialog">
													<div class="modal-content">
														<div class="modal-header">
															<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
															<h3 class="modal-title"><strong>提示</strong></h3>
														</div>
														<div class="modal-body" id="returnques">
															 
														</div>
														<div class="modal-footer">
															<button type="button" class="btn btn-effect-ripple btn-primary" data-dismiss="modal">确定</button>
															
														</div>
													</div>
												</div>
											</div>
											<!-- END upload Modal -->
											
										</table>
										<div id="layui1" style="font-size: 2 rem;padding: 0 0 4% 0;"></div>	 
										</div>
									</div>
								</div>
								</div>
							</div>
					<!-- END Page Content -->
				</div>
				<!-- END Main Container -->
			</div>
			<!-- END Page Container -->
		</div>
		<!-- END Page Wrapper -->

		<!-- jQuery, Bootstrap, jQuery plugins and Custom JS code -->
		<script src="js/vendor/jquery-2.2.4.min.js"></script>
		<script src="js/vendor/bootstrap.min.js"></script>
		<script src="js/plugins.js"></script>
		<script src="js/app.js"></script>
		<script src="js/lay/modules/laypage.js"></script>
		<script src="js/layui.all.js"></script>
		<!-- Load and execute javascript code used only in this page -->
		<script src="js/pages/uiTables.js"></script>
		<script>
			var ip,
				getUrl = '/result/complete';
			var id = '',
				qid='',
				dataSet = [],
				dataSet1 = [];

			$(function() {
				var configJson='js/confing.json'
				$.getJSON(configJson,function(data){
				ip=data.urlip;
				identi()
				UiTables.init();
				
				getID();
				getName()
				getgroup(id);
				getsubmit();
				getData('')
				getAllUser();
				});
			});

			function identi()
			{
				$.ajax({
     				type: "get",
   					url: ip+"/user/type",
  					data:{
  						
  					},
    				async: true,
    				dataType: "json",
     				xhrFields: {withCredentials: true},
    				crossDomain:true,
    				success: function(res) {
    					console.log("sssss")
    					console.log(res)
						if(res.code==-1)
						{
							 window.location.replace("login.html")
							 window.history.forward(1);
						}
    				},
    				async:false
     			});
			}

			function reload(){
				$(".layui-laypage-btn").click();
				checkedSet=[];
			}
			
			function getID() {
				var url=decodeURI(location.href);
				if(url.indexOf("?") != -1) { //判断是否有参数
					var tmp1=url.split("?")[1];
					id=tmp1.split("=")[1]+"";
					var getval=url.split("?")[2];
					qid=getval.split("=")[1];
					
				}
			
			}
			var qsid;
			function getName() {
				$.ajax({
					type: "get",
					url: ip + '/survey/detail',
					data: {
						id: qid
					},
					dataType: "json",
					contentType: "application/json",
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					success: function(res) {
						if(res.code == 0) {
							var str = '-' + res.data.title;
							qsid=res.data.questionsID;
							$("#survey-title").html(str);
							$("title").html("补充人员——"+res.data.title)
						}
					},
					async: true
				});
			}
			
			 
			$("#val-surveybinding").on('change', function() {
				selectgroudid=this.value;
				console.log(selectgroudid)
			});
			
			var selectgroudid;
			var getCatUrl = '/surveyGroup/getGroup2';
			var opt={}
			var str=''
			var optStr = '';
			function getgroup(id){
				$.ajax({
					type: "get",
					url: ip + getCatUrl,//根据id获得类别组
					data: {
						surveyGroupId: id,
					},
					dataType: "json",
					contentType: "application/json",
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					success: function(res) {
						console.log(res);
						if(!res.code){
						var optStr = '<option value="">所有人员</option>';
						var ostr;
						var index=0;
						for(one in res.data.group){
							if(index==0)
							{
								selectgroudid=one;
								index=1;
							}
							optStr = optStr + '<option value="' + one + '">' + one + '</option>';
							ostr=ostr+'<option value="' + one + '">' + one + '</option>';
							opt[one]=res.data.group[one]
						}
						
						}
						$("#val-surveybinding1").html(optStr);
						$("#val-surveybinding").html(ostr);
					},
					async:false
				});
			}
			
			function getsubmit(){
				$.ajax({
					type: "get",
					url: ip + '/submit/typeCount',
					data: {
						surveyId: qid
					},
					dataType: "json",
					contentType: "application/json",
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					success: function(res) {
						console.log("===");
						for(one in res.data.typeCount){
							str=str+'<p class="well well-sm">'+one+': <span class="text-danger">共'+opt[one]+'名</span><span class="text-danger">，未提交'+ res.data.typeCount[one]+'名</span></p>';
						}
					 	$('#block-body').append(str);
						 
					},
					async: true,
				});
			}
			
			var currcount=0;
			function getQuesNum(id) {
				var getNumUrl = '/submit/count';

				$.ajax({
					type: "get",
					url: ip + getNumUrl,
					data: {
						surveyId: id
					},
					dataType: "json",
					//					contentType: "application/json",
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					success: function(res) {
						console.log("===");
						console.log(res.data);
						currCount = res.data;
						 
					},
					async: false
				});
			}
			
			function getData(pageconf) {
				if(!pageconf){
					pageconf={};
					pageconf.pageSize=8;
					pageconf.currentPage=1;
				}	
				var getUrl = '/result/complete';
				$.ajax({
					type: "get",
					url: ip + getUrl,
					data: {
						page: pageconf.currentPage,
						size:pageconf.pageSize ,
						keyword:$("#input-search-survey").val(),
						id: qid,
						criteria:$("#val-surveybinding1").val()
					},
					dataType: 'json',
					xhrFields: {withCredentials: true},
      				crossDomain:true,
					success: function(res) {
						console.log("=============");
						console.log(res);
						if(res.code == 0) {
							/*if(sh&&type==1){
								str='<p class="well well-sm">'+sh+': <span class="text-danger">共'+res.data.total+'名</span><span class="text-danger">，未提交'+(res.data.total-res.data.pages)+'名</span></p>';
								$('#block-body').append(str);
							}else{*/
								$.each(res.data.datas, function(index, value) {
								console.log("==========");
								console.log(value);
								if(value.complete){
									value.state='已完成';
								}
								else{
									value.state='未完成';
								}
								if(value.baseInfo == null) {
									value.baseInfo = {
										id: null,
										name: '无',
										phone: '无',
										type: '无'
									}
								}
								});
								var allSet = res.data.datas;
								total=res.data.total;
								getPage1(pageconf,allSet);
							}else{
								 getPage1(pageconf,'')
							}
					},
					async: true
				});
			}
			
			$('#input-search-survey').bind('input propertychange', function() {
    			 getData()
  			});
			
			$('#input-search-survey1').bind('input propertychange', function() {
				checkedSet=[];
    			getAllUser()
  		});
			
			//填充完成情况
			function getPage1(pageconf,date){
				layui.use(['laypage','layer'],function(){
					var laypage=layui.laypage;
						
					laypage.render({
						elem:'layui1',
						count:total,
						skin:'#7c62ad',
						curr:pageconf.currentPage,
						limit:pageconf.pageSize,
						skip:true,
						first:"首页",
						last:"尾页",
						layout:['count','skip', 'next', 'prev'],
						jump:function(obj,first){
							page=obj.curr;
							limit=obj.limit;
							if(!first){
								 pageconf.currentPage=obj.curr;
								 pageconf.pageSize=obj.limit;
								 getData(pageconf);
							}
						}
						 
						
					});
					fillTable1(date,(pageconf.currentPage-1)*pageconf.pageSize);
					
				});
			}
			
			function fillTable1(date,num)
			{
				var info='';
				$.each(date, function(index,obj) {
					index=index+num+1;
				
					info += "<tr class='column center'  ><td class='column'>" + index + "</td><td class='column'>" + obj.baseInfo.name + "</td><td class='column'>"+obj.baseInfo.phone+"</td><td class='column'>"+obj.baseInfo.type+"</td><td class='column'>"+(obj.submitTime? obj.submitTime:' ' )+"</td><td class='column'>"+(obj.complete? '已提交':' ' )+"</td><td class='column'>"+"<button class='btn btn-effect-ripple btn-info ml-2 column' id='btn-detail' value='"+obj.complete+"' name='" + obj.submitId + "' onclick='checkDetail(this.name,this.value)'>详情</button>"+ "</td>" 
				});	
				$("#tab_list1").html(info);
			}
			
			function checkDetail(userId,complete) {
				 
				if(complete=="true"){
				var url="checkAnswerPaper.html?id="+userId;
				window.open(url, '_blank');
				}else{
					 var url="checkQuestionnaire.html?id="+qsid;
					window.open(url, '_blank');
				}
			}
			
			function logout(){
				$.ajax({
					type:"get",
					url:ip+"/logout",
					data:{},
					async:true,
					dataType: "json",
					xhrFields: {withCredentials: true},
      				crossDomain:true,
      				success:function(res)
      				{
      					 if(!res.code){
      					 	window.location.href="login.html"
      					 }
      				}
				});	
			}
			var total;
			function getAllUser(pageconf) {
				if(!pageconf){
					pageconf={};
					pageconf.pageSize=8;
					pageconf.currentPage=1;
				}
				$.ajax({
					type: "get",
					url: ip + '/user',
					data: {
						"userTypeId":'',
						"page":pageconf.currentPage,
						"size":pageconf.pageSize,
						"keyWord":$("#input-search-survey1").val()
					},
					dataType: 'json',
					xhrFields: {withCredentials: true},
      				crossDomain:true,
					success: function(res) {
						console.log("=1111111111111=====");
						console.log(res);
						if(res.data) {
							dataSet1 = res.data.data;
							total=res.data.totalCount;
							getPage(pageconf,res.data.data)
							//setTable1(dataSet1);
						}else{
							getPage(pageconf,'')
						}
					},
					async: true
				});
			}

			function getPage(pageconf,date){
				layui.use(['laypage','layer'],function(){
					var laypage=layui.laypage;
					laypage.render({
						elem:'layui',
						count:total,
						skin:'#7c62ad',
						curr:pageconf.currentPage,
						limit:pageconf.pageSize,
						first:"首页",
						last:"尾页",
						layout:['count','skip', 'next', 'prev'],
						jump:function(obj,first){
							page=obj.curr;
							limit=obj.limit;
							if(!first){
								 pageconf.currentPage=obj.curr;
								 pageconf.pageSize=obj.limit;
								 getAllUser(pageconf);
							}
						}
					});
					fillTable(date,(pageconf.currentPage-1)*pageconf.pageSize);
				});
			}
			
			function importstudent(){
				$.ajax({
					type: "post",
					url: ip + '/surveyGroup/addUser',
					data:JSON.stringify({
						"surveyGroupId":id ,
						"group":selectgroudid ,
						"userIds":checkedSet,
					}),
					dataType: 'json',
					contentType: "application/json",
					xhrFields: {
						withCredentials: true
					},
					crossDomain: true,
					success: function(res) {
						console.log("=1111111111111=====");
						console.log(res);
						if(res.code == 0) {
							$("#modal_import").click();
							location.reload()
						}else{
							$("#modal-import").addClass("hidden")
							$("#modal-ques").modal("toggle")
							$("#returnques").html(res.msg)
						}
					},
					async: true
				});
			}
			
			 $("#modal-ques").on("hide.bs.modal",function(){
				console.log("hhhhh")
				$("#modal-import").removeClass("hidden")
				reload();
				
			});
			
			function fillTable(data,num){
				var info='';
				$.each(data, function(index,obj) {
					info += "<tr><td style='text-alg'>" + "<input id='example1' style='width:17px;height:17px' name='addcheck' class='text-center' type='checkbox' value='" + obj.id + "' /></td><td >" + obj.name + "</td><td>"+obj.longPhone+"</td><td>"+obj.collegeName+"</td></tr>"
				});
				$("#tab_list").html(info);
			}
			var checkedSet=[];
		
			$('#import-datatable').on("change", ":checkbox", function() {
					// 一般复选
					console.log($(this).val());
					if($(this).is(':checked')){
						checkedSet.push($(this).val());
					}else{
						var index = checkedSet.indexOf($(this).val());
						if(index > -1) {
							checkedSet.splice(index, 1);
						}
					}
					console.log(checkedSet);
				});
			
			 
			$("#val-surveybinding1").on('change', function() {
				getData();
			});
		</script>

	</body>

</html>